<div class="zs-body">
	<div class="zs-map-tool">
		<div class="location">
			<a href="javascript:;">首页</a>
			<i class="right-arr"></i>
			<a href="javascript:;">系统设置</a>
			<i class="right-arr"></i>
			<a href="javascript:;">日常办公</a>
		</div>
	</div>
    <div class="zs-tree rcbg" >
    	<!-- 拟办项 -->
		<div class="zs-side-title">拟办项</div>
		<!--itab-->
		<div class="zs-nice-tab idTabs rcbg-side">
			<div class="link">
				<a href="#content-tan" class="tan selected">探</a>
				<a href="#content-chu" class="chu">储</a>
				<a href="#content-cai" class="cai">采</a>
				<a href="#content-zhi" class="zhi">治</a>
				<a href="#content-cha" class="cha">查</a>
				<a href="#content-jian" class="jian">监</a>
			</div>
		</div>
		<!--模块内容-->
	    <div class="container">
	    	<!--探-->
	    	<div id="content-tan" class="content">
	    		<div class="zs-card">
	    			<div class="line">
	    				<a ng-click="startNewBpm('bpm.html','demo','demo');" class="item selected zb">
				    		<label class="inner">招标</label>
			    		</a>
			    		<div class="item gp">
			    			<div class="inner">挂牌</div>
			    		</div>
			    	</div>
			    	<div class="line">
			    		<div class="item pm">
			    			<div class="inner">拍卖</div>
			    		</div>
			    		<div class="item xy">
			    			<div class="inner">协议</div>
			    		</div>
			    	</div>
			    	<div class="line">
			    		<div class="item hdfw">
			    			<div class="inner">划定范围</div>
			    		</div>
			    		<div class="item xl">
			    			<div class="inner">新立</div>
			    		</div>
			    	</div>
			    	<div class="line">
			    		<div class="item yx">
			    			<div class="inner">延续</div>
			    		</div>
			    		<div class="item bg">
			    			<div class="inner">变更</div>
			    		</div>
			    	</div>
			    	<div class="line">
			    		<div class="item zr">
			    			<div class="inner">转让</div>
			    		</div>
			    		<div class="item zx">
			    			<div class="inner">注销</div>
			    		</div>
			    	</div>
			    	<div class="line">
			    		<div class="item dj">
			    			<div class="inner">冻结</div>
			    		</div>
			    	</div>
	    		</div>
	    	</div>
	    </div>
   	</div>
    <div class="zs-content withTree rcbg">
    	<div class="zs-nice-tab idTabs rcbg" data-ng-init="setTab('rcbg', 'db');">
    		<div class="link">
    			<a href="#content-db" class="db selected" data-ng-init="
		formInit('worklist', {
			keyField:'actid',
			randomFields:['actid']
		})  && loadData('worklist');" ng-click="setTab('rcbg', 'db');">代办<span class="nub">10</span></a>
	    		<a href="#content-yb" class="yb" data-ng-init="
		formInit('overworklist', {
			keyField:'actid',
			randomFields:['actid']
		})  && loadData('overworklist');" ng-click="setTab('rcbg', 'yb');">已办<span class="nub">5</span></a>
	    		<!-- <a href="#content-dgg" class="dgg">待公告<span class="nub">13</span></a>
	    		<a href="#content-dgs" class="dgs">待公式<span class="nub">16</span></a>
	    		<a href="#content-tx" class="tx">提醒<span class="nub">5</span></a> -->
    		</div>
			<a href="javascript:;" class="add-filter"></a>
    	</div>
    	<div class="container">
    		<div class="zs-filter">
    			<div class="zs-form-tab">
		    		<div class="zs-sig-form" ng-show="tabs['rcbg'].tabClass['db']">
		    			<span class="txt">项目名称:</span>
		    			<input type="text" placeholder="项目名称" class="zs-input" ng-model="worklist.queryObject['sbusiness:like']"/>
                
		    			<span class="txt">流程名称:</span>
		    			 <input type="text" placeholder="流程名称" class="zs-input" ng-model="worklist.queryObject['actdefname:like']"/>
		    			<input type="button" class="zs-btn blue" value="重置" ng-click="worklist.queryObject={};loadData('worklist');"/>
		    			<input type="button" class="zs-btn" ng-click="loadData('worklist')" value="查询" />
		    		</div>
		    		<div class="zs-sig-form" ng-show="tabs['rcbg'].tabClass['yb']">
		    			<span class="txt">项目名称:</span>
		    			<input type="text" placeholder="项目名称" class="zs-input" ng-model="overworklist.queryObject['sbusiness:like']"/>
                
		    			<span class="txt">流程名称:</span>
		    			 <input type="text" placeholder="流程名称" class="zs-input" ng-model="overworklist.queryObject['actdefname:like']"/>
		    			<input type="button" class="zs-btn blue" value="重置" ng-click="overworklist.queryObject={};loadData('overworklist');"/>
		    			<input type="button" class="zs-btn" ng-click="loadData('overworklist')" value="查询" />
		    		</div>
		    	</div>
    		</div>
    		<div id="content-db" ng-show="tabs['rcbg'].tabClass['db']">
    			<div class="zs-data-table">
		        	<div class="container">
			            <table>
			                <thead>
			                    <tr>
			                        <th>项目名称</th>
			                        <th>流程类型</th>
			                        <th>上一环节</th>
			                        <th>当前环节</th>
			                        <th>下一环节</th>
			                        <th>时间</th>
			                    </tr>
			                </thead>
			                <tbody>
			                     <tr ng-repeat="r in worklist.datas">
									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<i style="{{r.taskovertime | toDoWorkJB:r.taskovertime}}" class="workhead"></i>
											<label style="{{r.sread | todoReadFilter:r.sread}}" ng-bind="r.sbusiness"></label>
										</a>
									</td>
									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="r.actdefname"></label>
										</a>
									</td>
									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="r.fromtaskdefname"></label>
										</a>
									</td>

									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="r.taskdefname"></label>
										</a>
									</td>

									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="r.nexttask"></label>
										</a>
									</td>

										
									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="'r.taskovertime+r.actovertime | asLength |28"></label>
										</a>
									</td>
								</tr>
			                </tbody>
			            </table>
		        	</div>
		        </div>
		       <div class="zs-pagination-box">
                    <ag-Page fn='worklist'></ag-Page>
                </div>
		       <!--  <h4 class="zs-item-title sjx">外网报件收件箱<input type="button" class="zs-btn blue" value="受理" /></h4>
		       <div class="zs-data-table">
		       	<div class="container">
		       			            <table>
		       			                <thead>
		       			                    <tr>
		       			                        <th>项目名称</th>
		       			                        <th>流程类型</th>
		       			                        <th>上一环节</th>
		       			                        <th>当前环节</th>
		       			                        <th>下一环节</th>
		       			                        <th>时间</th>
		       			                    </tr>
		       			                </thead>
		       			                <tbody>
		       			                   
		       			                </tbody>
		       			            </table>
		       	</div>
		       </div>
		       		       <div class="zs-pagination-box">
		                           <ag-Page fn='sllst'></ag-Page>
		                       </div> -->
    		</div>

    		<div id="content-yb" ng-show="tabs['rcbg'].tabClass['yb']">
    			<div class="zs-data-table">
		        	<div class="container">
			            <table>
			                <thead>
			                    <tr>
			                        <th>项目名称</th>
			                        <th>流程类型</th>
			                        <th>上一环节</th>
			                        <th>当前环节</th>
			                        <th>下一环节</th>
			                        <th>时间</th>
			                    </tr>
			                </thead>
			                <tbody>
			                      <tr ng-repeat="r in overworklist.datas">
									<!-- <td><input type="checkbox"
											ng-click="selectRow('overworklist',r);"
											ng-model="r.selected" />
									</td> -->
									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="r.sbusiness"></label>
										</a>
									</td>
									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="r.actdefname"></label>
										</a>
									</td>
									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="r.fromtaskdefname"></label>
										</a>
									</td>

									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="r.taskdefname"></label>
										</a>
									</td>

									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbussinessid);">
											<label ng-bind="r.nexttask"></label>
										</a>
									</td>


									<td>
										<a ng-click="toQueryWork(r.prjurl,r.actdefid,r.prjforname,r.prjpopname,r.sbusinessid);">
											<label ng-bind="'r.taskovertime+r.actovertime | asLength |28"></label>
										</a>
									</td>
								</tr>
			                </tbody>
			            </table>
		        	</div>
		        </div>
		       <div class="zs-pagination-box">
                    <ag-Page fn='overworklist'></ag-Page>
                </div>
    		</div>
    	</div>
    </div>
</div>
<script>
//	itab激活
	$(".idTabs").idTabs();
	var allItems = $(".zs-card .item");
	$(".zs-card .item").click(function(e){
		e.stopPropagation();
		if($(this).hasClass("selected")){
			return;
		}
		allItems.removeClass("selected");
		$(this).addClass("selected");
	});
	$(".zs-nice-tab .add-filter").click(function(e){
		e.stopPropagation();
		$(this).toggleClass("open");
		$(".zs-content .zs-filter").slideToggle("fast");
	});
</script>